<template>
  <div>
    <van-search show-action label="北京" placeholder="请输入小区或地址">
      <template #action>
        <div>搜索</div>
      </template>
    </van-search>

    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item
        ><img src="@/img/1.png" alt="" class="one"
      /></van-swipe-item>
      <van-swipe-item
        ><img src="@/img/2 (1).png" alt="" class="two"
      /></van-swipe-item>
      <van-swipe-item
        ><img src="@/img/3.png" alt="" class="three"
      /></van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {
  name: 'First',
  props: {},
  components: {},
  data () {
    return {}
  },
  methods: {}
}
</script>

<style scoped lang="less">
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  // background-color: #39a9ed;
}

.one {
  width: 100%;
  height: 200px;
}

.two {
  width: 100%;
  height: 200px;
}

.three {
  width: 100%;
  height: 200px;
}
</style>
